.flex_center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.box {
  background: url(../common/images/bg_img.png) repeat-y;
}
// 头部
.head {
  display: flex;
  align-items: center;
  width: 100%;
  height: 0.88rem;
  // background-color: #ccc;
  .nav_box {
    width: 0.4rem;
    height: 0.4rem;
    margin-left: 0.4rem;
    margin-right: 0.65rem;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .search_box {
    width: 4.1rem;
    height: 0.4rem;
    input {
      width: 100%;
      height: 100%;
      border: 1px solid #000;
      border-radius: 0.2rem;
      text-align: center;
      font-size: 0.2rem;
      color: #bababa;
      &::placeholder {
        font-size: 0.2rem;
        color: #bababa;
      }
    }
  }
}
// banner 轮播图
.banner {
  width: 100%;
  img {
    width: 100%;
  }
}
// 珠宝系列
.main {
  width: 100%;
  padding: 0.16rem 0.16rem
}
.jewels {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: 1.78rem;
  margin-bottom: 0.16rem;
  .left {
    height: 100%;
    img {
      height: 100%;
    }
  }
  .right {
    .flex_center();
    width: 2.58rem;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    .btn {
    .flex_center();
      width: 1.85rem;
      height: 0.57rem;
      background: url(../common/images/btn_bg_03.png) no-repeat;
      a {
        font-size: 0.26rem;
        color: #fff;
      }
    }
  }
}










